<template>

	<view class="page">
		<comHead  :datas="datasObj"></comHead>
		<view class="card_3  mt-20 auto pd-20" v-if="immigrate_list.length > 0">
			<view class="ft1">擅长移民项目（{{ immigrate_list.length }}）</view>
			<view class="sanC mt-20">
				<view class="flex-start">
					<view class="item flex-center ft mt-10 c-33" v-for="(item, index) in immigrate_list" :key="index">{{
						item.name }}</view>
				</view>
			</view>
		</view>
		<view class="card_3  mt-20 auto pd-20" v-if="education_list.length > 0">
			<view class="ft1">擅长教育项目（{{ education_list.length }}）</view>
			<view class="sanC mt-20">
				<view class="flex-start">
					<view class="item1 flex-center ft mt-10 c-33" v-for="(item, index) in education_list" :key="item">{{
						item.name }}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup lang="js">
import {
	onLoad
} from '@dcloudio/uni-app'
import {
	ref,
	onMounted,
	reactive,
	getCurrentInstance
} from "vue";
import comHead from '@/components/comHead.vue';
let datasObj = reactive({
	title: '老师擅长',
	img: '',
	color: '#FFFFFF',
	direction: '',
	scrollTop: 0,
	noBack: false,
})
const {
	proxy
} = getCurrentInstance();
const immigrate_list = ref([])
const education_list = ref([])
onLoad((options) => {
	const eventChannel = proxy.getOpenerEventChannel();
	// 接收数据
	eventChannel.on('toDetail', (data) => {
		immigrate_list.value = data.immigrate_list
		education_list.value = data.education_list
	});
})
</script>

<style lang="scss" scoped>
.card_3 {
	width: 690rpx;
	//height: 340rpx;
	background: #f8f8f8;
	border-radius: 40rpx;

	.sanC {
		width: 650rpx;
		// height: 220rpx;
		background: #ffffff;
		border-radius: 40rpx;
		padding: 10rpx 10rpx 20rpx 20rpx;
		box-sizing: border-box;

		.item {
			padding: 12rpx 20rpx;
			background: #FBFFDF;
			border-radius: 20rpx;
			margin-right: 10rpx;
		}

		.item1 {
			padding: 12rpx 20rpx;
			background: #ecfff6;
			border-radius: 20rpx;
			margin-right: 10rpx;
		}
	}

}
</style>